<!DOCTYPE HTML>
<html>
<head>
<script src="../resources/testharness.js"></script>
<script src="../resources/testharnessreport.js"></script>
</head>
<body>

<!-- Cases with no whitespace -->

<button id="n1"><span>Hello</span>World</button>
<button id="n2">Hello<span>World</span></button>
<button id="n3"><span>Hello</span><span>World</span></button>
<button id="n4"><b>Hello</b><b>World</b></button>
<button id="n5"><div style="display:inline">Hello</div><div style="display:inline">World</div></button>
<div role="button" id="n6"><span>Hello</span>World</div>

<!-- Cases where whitespace should be added -->

<button id="y1">
  <div>Hello</div><div>World</div>
</button>
<button id="y2">
  <span style="float:left">Hello</span>World
</button>
<button id="y3">
  <span style="float:left">Hello</span><span style="float:right">World</span>
</button>
<div role="button" id="y4">
  <div>Hello</div><div>World</div>
</div>
<div role="button" id="y5">
  <span style="float:left">Hello</span>World
</div>
<div role="button" id="y6">
  <span style="float:left">Hello</span><span style="float:right">World</span>
</div>

<script>
test((t) => {
    function accessibleTitle(id) {
      var axObject = accessibilityController.accessibleElementById(id);
      return axObject.name.replace('', '');
    }

    assert_equals(accessibleTitle("n1"), "HelloWorld");
    assert_equals(accessibleTitle("n2"), "HelloWorld");
    assert_equals(accessibleTitle("n3"), "HelloWorld");
    assert_equals(accessibleTitle("n4"), "HelloWorld");
    assert_equals(accessibleTitle("n5"), "HelloWorld");
    assert_equals(accessibleTitle("n6"), "HelloWorld");

    assert_equals(accessibleTitle("y1"), "Hello World");
    assert_equals(accessibleTitle("y2"), "Hello World");
    assert_equals(accessibleTitle("y3"), "Hello World");
    assert_equals(accessibleTitle("y4"), "Hello World");
    assert_equals(accessibleTitle("y5"), "Hello World");
    assert_equals(accessibleTitle("y6"), "Hello World");
});
</script>

</body>
</html>
